// pageRight:下一页的节点;maxPage:最大页码;page:当前页码;newPage:页码（1-maxPage）;active是当前页的样式的class值
//   $(newPage).eq(page - 1).toggleClass('active');$('.pagination')需要使用jq的分页主键才有效果

function paging(pageRight, maxPage, page) {
    if (maxPage <= 1) {
        $('.pagination').css({ display: 'none' });
        return;
    };
    $('.pagination').css({ display: 'inline-block' });
    for (let i = 1; i <= maxPage; i++) {
        let pageCont = $(pageRight).before(`
            <li class="new_page"><a href="#">${i}</a></li>
        `);
        if (maxPage <= 5) {
            pageCont;
        } else if (maxPage > 5) {
            if (page <= 2) {
                pageCont;
                $('.new_page').eq(page + 2).children().text(`...`);
                $('.new_page').slice(page + 3, maxPage - 1).css({
                    display: 'none'
                });
            } else if (page > 2 && page < 4) {
                $('.new_page').eq(page + 1).children().text(`...`);
                $('.new_page').slice(page + 2, maxPage - 1).css({
                    display: 'none'
                });
            } else if (page >= 4) {
                pageCont;
                if (page < maxPage - 2) {
                    $('.new_page').eq(1).children().text(`...`);
                    $('.new_page').eq(page + 1).children().text(`...`);
                    $('.new_page').slice(page + 2, maxPage - 1).css({
                        display: 'none'
                    });
                    $('.new_page').slice(2, page - 2).css({
                        display: 'none'
                    });
                } else if (page <= maxPage && page > maxPage - 2) {
                    $('.new_page').eq(1).children().text(`...`);
                    $('.new_page').slice(2, maxPage - 3).css({
                        display: 'none'
                    });
                } else {
                    $('.new_page').eq(1).children().text(`...`);
                    $('.new_page').slice(2, page - 2).css({
                        display: 'none'
                    });
                }
            }
        }
    }
    $('.new_page').eq(page - 1).toggleClass('active');
}